<!DOCTYPE html>
<html>

<head>
	<title>医院风采</title>
</head>

<body>
	<div style="padding: 16px;">
		<div class="layui-card">
			<div class="layui-card-body">
				<div class="layui-carousel" style=" position: relative" id="sight">
					<div carousel-item>
						<div>
							<img src="/admin/images/hospital/1.jpg" style="height: 80vh;width: 100%;" />
						</div>
						<div>
							<img src="/admin/images/hospital/2.jpg" style="height: 80vh;width: 100%;" />
						</div>
						<div>
							<img src="/admin/images/hospital/3.jpg" style="height: 80vh;width: 100%;" />
						</div>
					</div>
				</div>

			</div>
		</div>
	</div>


</body>

<script>
	layui.use(['carousel'], function () {
		var carousel = layui.carousel;
		// 渲染 - 常规轮播
		carousel.render({
			elem: '#sight',
			width: '100%',
			height: "800px",
		});
	});
</script>

</html>